<?php if (!defined('THINK_PATH')) exit(); /*a:1:{s:64:"D:\wamp\www\thinkphp\tp5/application/admin\view\index\index.html";i:1484989675;}*/ ?>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>-----------</title>
    <link rel="stylesheet" href="__PUBLIC__sea-modules/zxl/css/zxl.css">
    <link rel="stylesheet" href="__PUBLIC__sea-modules/zxl/css/base.css">
    <link rel="stylesheet" href="__PUBLIC__sea-modules/zxl/css/webuploader.css" />
    <link href="__PUBLIC__sea-modules/zxl/umeditor/themes/default/css/umeditor.css" type="text/css" rel="stylesheet">
    <!-- 提示插件 -->
    <link rel="stylesheet" type="text/css" href="__PUBLIC__sea-modules/zxl/css/tip-yellowsimple.css">
</head>

<body>
    <div id="head" class="l-row">
        <div class="l-col" id="start">
            <div class="logo"></div>
            <div class="x-menu">
                <div class="l-segment l-border-0">
                    <div class="l-row-padding x-layout">
                        <div class="l-col-4">
                            <div class="x-title">菜单标题</div>
                            <div class="l-row x-unit">
                                <div class="l-col x-ico x-ico-default"></div>
                                <div class="l-col x-name">菜单名字</div>
                            </div>
                            <div class="l-row x-unit">
                                <div class="l-col x-ico x-ico-default"></div>
                                <div class="l-col x-name">菜单名字</div>
                            </div>
                            <div class="l-row x-unit">
                                <div class="l-col x-ico x-ico-default"></div>
                                <div class="l-col x-name">菜单名字</div>
                            </div>
                        </div>
                        <div class="l-col-4">
                            <div class="x-title">菜单标题</div>
                            <div class="l-row x-unit">
                                <div class="l-col x-ico x-ico-default"></div>
                                <div class="l-col x-name">菜单名字</div>
                            </div>
                            <div class="l-row x-unit">
                                <div class="l-col x-ico x-ico-default"></div>
                                <div class="l-col x-name">菜单名字</div>
                            </div>
                            <div class="l-row x-unit">
                                <div class="l-col x-ico x-ico-default"></div>
                                <div class="l-col x-name">菜单名字</div>
                            </div>
                        </div>
                        <div class="l-col-4">
                            <div class="x-title">菜单标题</div>
                            <div class="l-row x-unit">
                                <div class="l-col x-ico x-ico-default"></div>
                                <div class="l-col x-name">菜单名字</div>
                            </div>
                            <div class="l-row x-unit">
                                <div class="l-col x-ico x-ico-default"></div>
                                <div class="l-col x-name">菜单名字</div>
                            </div>
                            <div class="l-row x-unit">
                                <div class="l-col x-ico x-ico-default"></div>
                                <div class="l-col x-name">菜单名字</div>
                            </div>
                        </div>
                    </div>
                    <div class="l-row-padding x-layout">
                        <div class="l-col-4">
                            <div class="x-title">菜单标题</div>
                            <div class="l-row x-unit">
                                <div class="l-col x-ico x-ico-default"></div>
                                <div class="l-col x-name">菜单名字</div>
                            </div>
                            <div class="l-row x-unit">
                                <div class="l-col x-ico x-ico-default"></div>
                                <div class="l-col x-name">菜单名字</div>
                            </div>
                            <div class="l-row x-unit">
                                <div class="l-col x-ico x-ico-default"></div>
                                <div class="l-col x-name">菜单名字</div>
                            </div>
                        </div>
                        <div class="l-col-4">
                            <div class="x-title">菜单标题</div>
                            <div class="l-row x-unit">
                                <div class="l-col x-ico x-ico-default"></div>
                                <div class="l-col x-name">菜单名字</div>
                            </div>
                            <div class="l-row x-unit">
                                <div class="l-col x-ico x-ico-default"></div>
                                <div class="l-col x-name">菜单名字</div>
                            </div>
                            <div class="l-row x-unit">
                                <div class="l-col x-ico x-ico-default"></div>
                                <div class="l-col x-name">菜单名字</div>
                            </div>
                        </div>
                        <div class="l-col-4">
                            <div class="x-title">菜单标题</div>
                            <div class="l-row x-unit">
                                <div class="l-col x-ico x-ico-default"></div>
                                <div class="l-col x-name">菜单名字</div>
                            </div>
                            <div class="l-row x-unit">
                                <div class="l-col x-ico x-ico-default"></div>
                                <div class="l-col x-name">菜单名字</div>
                            </div>
                            <div class="l-row x-unit">
                                <div class="l-col x-ico x-ico-default"></div>
                                <div class="l-col x-name">菜单名字</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="l-col">在在</div>
        <div class="l-col">在在</div>
        <div class="l-col">在在</div>
    </div>
    <div id="taskBar" calcHeight='100% - $("#head").height()'>
        <div id="toogle-TaskBar">变换</div>
        <div class="x-layout">
            <div class="name-magic c-wsn"></div>
            <!--
            <div class="l-row x-unit" window='url:"__PUBLIC__sea-modules/zxl/ajax/test.html",title:"test"'>
                <div class="l-col x-ico x-ico-default"></div>
                <div class="l-col x-name">菜单名字</div>
            </div>
            <div class="l-row x-unit">
                <div class="l-col x-ico x-ico-default"></div>
                <div class="l-col x-name">菜单名字</div>
            </div>
-->
        </div>
    </div>
    <div id="room" calcWidth='100% - $("#taskBar").width()' calcHeight='$(window).height() - $("#head").height()'>
        <div id="desk" class="l-segment l-border-0">
            <h3>h系列</h3>
            <div class="l-divider"></div>
            <h1>h1</h1>
            <h2>h2</h2>
            <h3>h3</h3>
            <h4>h4</h4>
            <h5>h5</h5>
            <h6>h6</h6>
            <h3>自由列布局</h3>
            <textarea name="" id="" rows="6">
                <div class="l-row">
                    <div class="l-col">自由列</div>
                    <div class="l-col">自由列</div>
                    <div class="l-col">自由列</div>
                </div>
            </textarea>
            <div class="l-row">
                <div class="l-col">自由列</div>
                <div class="l-col">自由列</div>
                <div class="l-col">自由列</div>
            </div>

            <h3>自由列+内边距布局</h3>
            <textarea name="" id="" rows="6">
                <div class="l-row-padding">
                    <div class="l-col">自由列</div>
                    <div class="l-col">自由列</div>
                    <div class="l-col">自由列</div>
                </div>
            </textarea>
            <div class="l-row-padding">
                <div class="l-col">自由列</div>
                <div class="l-col">自由列</div>
                <div class="l-col">自由列</div>
            </div>

            <h3>控制列</h3>
            <textarea name="" id="" rows="12">
                <div class="l-row">
                    <div class="l-col-4">控制列l-col-4</div>
                    <div class="l-col-4">控制列l-col-4</div>
                    <div class="l-col-4">控制列l-col-4</div>
                </div>
                <div class="l-row">
                    <div class="l-col-1">控制列l-col-1</div>
                    <div class="l-col-3">控制列l-col-3</div>
                    <div class="l-col-5">控制列l-col-5</div>
                </div>
            </textarea>
            <div class="l-row">
                <div class="l-col-4">控制列l-col-4</div>
                <div class="l-col-4">控制列l-col-4</div>
                <div class="l-col-4">控制列l-col-4</div>
            </div>
            <div class="l-row">
                <div class="l-col-1">控制列l-col-1</div>
                <div class="l-col-3">控制列l-col-3</div>
                <div class="l-col-5">控制列l-col-5</div>
            </div>

            <h3>控制列+边距</h3>
            <textarea name="" id="" rows="12">
                <div class="l-row-padding">
                    <div class="l-col-4">控制列l-col-4</div>
                    <div class="l-col-4">控制列l-col-4</div>
                    <div class="l-col-4">控制列l-col-4</div>
                </div>
                <div class="l-row-padding">
                    <div class="l-col-1">控制列l-col-1</div>
                    <div class="l-col-3">控制列l-col-3</div>
                    <div class="l-col-5">控制列l-col-5</div>
                </div>
            </textarea>
            <div class="l-row-padding">
                <div class="l-col-4">控制列l-col-4</div>
                <div class="l-col-4">控制列l-col-4</div>
                <div class="l-col-4">控制列l-col-4</div>
            </div>
            <div class="l-row-padding">
                <div class="l-col-1">控制列l-col-1</div>
                <div class="l-col-3">控制列l-col-3</div>
                <div class="l-col-5">控制列l-col-5</div>
            </div>

            <h3>列定位</h3>
            <textarea name="" id="" rows="6">
                <div class="l-row">
                    <div class="l-col l-l-1">自由列</div>
                    <div class="l-col l-l-2">自由列</div>
                    <div class="l-col l-l-5">自由列</div>
                </div>
            </textarea>
            <div class="l-row">
                <div class="l-col l-l-1">自由列</div>
                <div class="l-col l-l-2">自由列</div>
                <div class="l-col l-l-5">自由列</div>
            </div>

            <h3>列边距定位</h3>
            <textarea name="" id="" rows="6">
                <div class="l-row">
                    <div class="l-col l-ml-1">自由列</div>
                    <div class="l-col l-ml-2">自由列</div>
                    <div class="l-col l-ml-5">自由列</div>
                </div>
            </textarea>
            <div class="l-row">
                <div class="l-col l-ml-1">自由列</div>
                <div class="l-col l-ml-2">自由列</div>
                <div class="l-col l-ml-5">自由列</div>
            </div>
        </div>
    </div>
    <div class="contextMenu" id="unitContextMenu">
        <ul>
            <li id="unit-close">关闭</li>
            <li id="unit-refresh">刷新</li>
            <li id="unit-fix">将此项固定到任务栏</li>
            <li id="unit-unfix">从任务栏取消固定此项</li>
        </ul>
    </div>
    <script src="__PUBLIC__sea-modules/seajs/seajs/2.2.0/sea.js"></script>
    <script src="__PUBLIC__sea-modules/seajs/seajs/2.2.0/sea-debug.js"></script>
    <script>
        seajs.config({
            base: "__PUBLIC__sea-modules/",
            alias: {
                "index": "zxl/index.js",
                "jquery": "jquery/jquery-1.11.2.min.js",
                "jqueryExtend": "zxl/jqueryExtend.js",
                "validate": "zxl/validate.js",
                "poshytip": "zxl/poshytip.js",
                "extend": "zxl/extend.js",
                "datepicker": "zxl/datepicker.js",
                "layout": "zxl/layout.js",
                "global": "zxl/global.js",
                "ui": "zxl/ui.js",
                "zxlUi": "zxl/zxlUi.js",
                "room": "zxl/room.js",
                "ajax": "zxl/ajax.js",
                "grid": "zxl/grid.js",
                "layer": "zxl/layer.js",
                "msg": "zxl/msg.js",
                "edit": "zxl/edit.js",
                "zxlDone": "zxl/zxlDone.js",
                "umeditor": "zxl/umeditor/umeditor.js",
                //                以下为项目组件
            },
            preload: ["jquery"],
            map: [
    [/^(.*\.(?:css|js))(.*)$/i, '$1?v=' + Math.random()]
    ],
        });

        seajs.use("zxl/index", function (zxl) {
            zxl.config({
                frag: '__PUBLIC__sea-modules/zxl/frag.html',
                swf: '__PUBLIC__sea-modules/zxl/Uploader.swf',
                taskBar: 'menu/getMenu.html',
                defaultPage: 'menu',
            });
            zxl.init();
        });
        seajs.use("zxl/zxlUi");
        seajs.use("zxl/zxlDone");
        seajs.use('zxl/index', function (zxl) {

            zxl.on({
                init: function () {
                    //        验证插件提示信息初始化
                    if (jQuery.validator) jQuery.extend(jQuery.validator.messages, {
                        required: "必填字段",
                        remote: "请修正该字段",
                        email: "请输入正确格式的电子邮件",
                        url: "请输入合法的网址",
                        date: "请输入合法的日期",
                        dateISO: "请输入合法的日期 (ISO).",
                        number: "请输入合法的数字",
                        digits: "只能输入整数",
                        creditcard: "请输入合法的信用卡号",
                        equalTo: "请再次输入相同的值",
                        accept: "请输入拥有合法后缀名的字符串",
                        maxlength: jQuery.validator.format("请输入一个 长度最多是 {0} 的字符串"),
                        minlength: jQuery.validator.format("请输入一个 长度最少是 {0} 的字符串"),
                        rangelength: jQuery.validator.format("请输入 一个长度介于 {0} 和 {1} 之间的字符串"),
                        range: jQuery.validator.format("请输入一个介于 {0} 和 {1} 之间的值"),
                        max: jQuery.validator.format("请输入一个最大为{0} 的值"),
                        min: jQuery.validator.format("请输入一个最小为{0} 的值")
                    });
                    //        单选、多选、下拉错误显示位置
                    if ($.validator) $.extend($.validator.defaults, {
                        errorClass: 'validError',
                        errorPlacement: function (error, element) {
                            if (!element.is('[has-poshytip]')) {
                                var alignY = (element.closest('.m-dialog').length || element.closest('.stage-body').length) && element.position().top < 30 ? 'bottom' : 'top';
                                var alignX = (element.closest('.m-dialog').length || element.closest('.stage-body').length) && element.position().top < 30 ? 'inner-left' : 'inner-right';
                                if (element.is('.m-select')) element = element.next();
                                element.poshytip({
                                    content: error.text(),
                                    className: 'tip-yellowsimple',
                                    bgImageFrameSize: 10,
                                    alignTo: 'target',
                                    alignX: alignX,
                                    alignY: alignY,
                                    offsetX: 0,
                                    offsetY: 5,
                                    keepInViewport: false
                                }).attr('has-poshytip', '');
                            }
                            element.poshytip('update', error.text()).poshytip('show');
                        },
                        submitHandler: function (_form) {
                            //                console.info('表单填写正确');
                        }
                    });

                    //                    // 手机号码验证
                    //                    $.validator.addMethod("isMobile", function (value, element) {
                    //                        var length = value.length;
                    //                        return this.optional(element) || (length == 11 && /^(((17[0-9]{1})|(13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+\d{8})$/.test(value));
                    //                    }, "请正确填写您的手机号码。");

                }
            });
        });

        //        以下为项目代码
        //        seajs.use("zxl/../../../-js/adminUi");
        //        seajs.use("zxl/myUi");
    </script>
</body>

</html>
